<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.full_mv .mfp-iframe-holder .mfp-content {
  max-width: 100%;
  max-height: 100%; }

.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .video-container video {
    min-width: 101%;
    min-height: 101%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .video-container .filter {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

#wrapper {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #wrapper {
      min-width: 0; } }
  #wrapper .kv_area {
    width: 100%;
    background: #000;
    padding-top: 80px; }
    @media screen and (max-width: 768px) {
      #wrapper .kv_area {
        padding-top: 60px; } }
    #wrapper .kv_area &gt; .inner {
      width: 100%;
      height: 100%;
      margin: 0 auto;
      text-align: center; }
      #wrapper .kv_area &gt; .inner .mv {
        font-size: 0;
        height: calc(100vh - 80px);
        position: relative; }
        @media screen and (max-width: 768px) {
          #wrapper .kv_area &gt; .inner .mv {
            height: 100%; } }
        @media screen and (max-width: 768px) {
          #wrapper .kv_area &gt; .inner .mv .video-container {
            height: calc(100vh - 60px); } }
        #wrapper .kv_area &gt; .inner .mv video {
          width: 100%;
          height: 140%;
          object-fit: cover;
          font-size: 0; }
          @media screen and (max-width: 768px) {
            #wrapper .kv_area &gt; .inner .mv video {
              height: 130%; } }
        #wrapper .kv_area &gt; .inner .mv &gt; .inner {
          width: 100%;
          max-width: 1000px;
          margin: 0 auto;
          height: 100%;
          position: relative;
          display: flex;
          flex-wrap: wrap;
          align-content: center;
          align-items: center;
          justify-content: center; }
          @media screen and (max-width: 768px) {
            #wrapper .kv_area &gt; .inner .mv &gt; .inner {
              padding: 0 1.5%; } }
          #wrapper .kv_area &gt; .inner .mv &gt; .inner .kv_txt {
            transform: translate(0, -40px); }
            @media screen and (max-width: 768px) {
              #wrapper .kv_area &gt; .inner .mv &gt; .inner .kv_txt {
                transform: none;
                width: 100%;
                height: calc(100vh - 60px);
                position: relative;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                justify-content: center;
                flex-direction: column; } }
          @media screen and (max-width: 768px) {
            #wrapper .kv_area &gt; .inner .mv &gt; .inner .sp_bk {
              background: #000;
              padding: 20px 0 10px;
              text-align: center; } }
        #wrapper .kv_area &gt; .inner .mv .kv_mv {
          margin-top: 15px;
          display: inline-block; }
          @media screen and (max-width: 768px) {
            #wrapper .kv_area &gt; .inner .mv .kv_mv {
              margin: 0;
              position: absolute;
              bottom: 20px;
              left: calc(50% - 100px); }
              #wrapper .kv_area &gt; .inner .mv .kv_mv img {
                width: 200px; } }
      #wrapper .kv_area &gt; .inner p.ttl {
        line-height: 1;
        margin-bottom: 15px; }
        @media screen and (max-width: 768px) {
          #wrapper .kv_area &gt; .inner p.ttl {
            margin-bottom: 15px;
            width: 100%; }
            #wrapper .kv_area &gt; .inner p.ttl img {
              width: 100%; } }
      #wrapper .kv_area &gt; .inner h1 {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        line-height: 1;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #wrapper .kv_area &gt; .inner h1 {
            display: none; } }
        #wrapper .kv_area &gt; .inner h1 span {
          font-size: 18px;
          color: #fff;
          line-height: 1.4;
          letter-spacing: 3px;
          white-space: nowrap;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #wrapper .kv_area &gt; .inner h1 span {
              font-size: 14px;
              line-height: 2;
              white-space: normal; } }
    #wrapper .kv_area .arrow {
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 20px;
      left: 0; }
      @media screen and (max-width: 768px) {
        #wrapper .kv_area .arrow {
          position: static;
          margin-top: 10px; } }
    #wrapper .kv_area .anc_area {
      margin-top: 60px;
      position: absolute;
      bottom: 50px;
      left: 50%;
      transform: translate(-50%); }
      @media screen and (max-width: 768px) {
        #wrapper .kv_area .anc_area {
          margin-top: 0;
          position: static;
          transform: none; } }
      #wrapper .kv_area .anc_area ul {
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 768px) {
          #wrapper .kv_area .anc_area ul {
            justify-content: space-between; } }
        @media screen and (max-width: 768px) {
          #wrapper .kv_area .anc_area ul li {
            width: 48%; } }
        #wrapper .kv_area .anc_area ul li:not(:last-child) {
          margin-right: 40px; }
          @media screen and (max-width: 768px) {
            #wrapper .kv_area .anc_area ul li:not(:last-child) {
              margin-right: 0; } }
  #wrapper .bg_gy {
    background: #c5c5c5;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 30px 0 50px;
    position: relative; }
    @media screen and (max-width: 768px) {
      #wrapper .bg_gy {
        padding: 30px 3.5% 45px; } }
    #wrapper .bg_gy &gt; .inner {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #wrapper .bg_gy &gt; .inner {
          max-width: 100%; } }
      #wrapper .bg_gy &gt; .inner p {
        font-size: 18px;
        line-height: 4.5;
        letter-spacing: 3px; }
        @media screen and (max-width: 768px) {
          #wrapper .bg_gy &gt; .inner p {
            font-size: 14px;
            letter-spacing: 0.5px;
            line-height: 3.5; } }
        #wrapper .bg_gy &gt; .inner p.img {
          line-height: 1;
          font-size: 0;
          margin-top: 70px; }
          @media screen and (max-width: 768px) {
            #wrapper .bg_gy &gt; .inner p.img {
              margin-top: 35px; } }
  #wrapper .making_area {
    width: 100%;
    position: relative; }
    #wrapper .making_area h2 {
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      text-align: center;
      font-size: 24px;
      font-weight: 500;
      color: #fff;
      letter-spacing: 7px;
      background: rgba(0, 0, 0, 0.5);
      line-height: 1;
      padding: 20px 0;
      z-index: 5; }
      @media screen and (max-width: 768px) {
        #wrapper .making_area h2 {
          font-size: 16px;
          padding: 15px 0;
          margin-bottom: 30px; } }
    #wrapper .making_area &gt; .inner {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
      padding: 120px 0 60px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        #wrapper .making_area &gt; .inner {
          padding: 80px 3.5% 30px; } }
      #wrapper .making_area &gt; .inner p.message {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 50px;
        font-size: 36px;
        color: #fff;
        line-height: 1.8;
        text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
        font-weight: 500;
        white-space: nowrap; }
        @media screen and (max-width: 768px) {
          #wrapper .making_area &gt; .inner p.message {
            white-space: normal;
            font-size: 18px;
            margin-bottom: 35px; } }
      #wrapper .making_area &gt; .inner p.txt {
        margin: 40px auto 0;
        max-width: 600px;
        color: #fff;
        font-size: 18px;
        line-height: 2.5;
        letter-spacing: 2px; }
        @media screen and (max-width: 768px) {
          #wrapper .making_area &gt; .inner p.txt {
            margin-top: 20px;
            font-size: 13px;
            line-height: 2; } }
      #wrapper .making_area &gt; .inner ul {
        margin-top: 80px; }
        @media screen and (max-width: 768px) {
          #wrapper .making_area &gt; .inner ul {
            margin-top: 40px; } }
        #wrapper .making_area &gt; .inner ul li:not(:last-child) {
          margin-bottom: 15px; }
  #wrapper .interview_area {
    background: url(../img/interview_bg.jpg) top center/cover repeat-x;
    position: relative; }
    #wrapper .interview_area.animation {
      animation: bgiLoop 80s linear infinite; }
      @media screen and (max-width: 768px) {
        #wrapper .interview_area.animation {
          animation: bgiLoopsp 160s linear infinite; } }
    #wrapper .interview_area:after {
      content: "";
      display: block;
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
    #wrapper .interview_area h2 {
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      text-align: center;
      font-size: 24px;
      font-weight: 500;
      color: #fff;
      letter-spacing: 7px;
      background: rgba(0, 0, 0, 0.5);
      line-height: 1;
      padding: 20px 0;
      z-index: 5; }
      @media screen and (max-width: 768px) {
        #wrapper .interview_area h2 {
          padding: 15px 0;
          font-size: 16px;
          margin-bottom: 30px; } }
    #wrapper .interview_area &gt; .inner {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
      padding: 120px 0 120px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        #wrapper .interview_area &gt; .inner {
          padding: 80px 3.5% 30px; } }
      #wrapper .interview_area &gt; .inner p.message {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 50px;
        font-size: 36px;
        color: #fff;
        line-height: 1.4;
        margin-bottom: 50px;
        text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
        white-space: nowrap; }
        @media screen and (max-width: 768px) {
          #wrapper .interview_area &gt; .inner p.message {
            white-space: normal;
            font-size: 18px;
            margin-bottom: 35px; } }
      #wrapper .interview_area &gt; .inner &gt; p.txt {
        width: 100%;
        max-width: 600px;
        margin: 0 auto 60px;
        font-size: 18px;
        line-height: 2.5;
        letter-spacing: 2px;
        color: #fff;
        text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5); }
        #wrapper .interview_area &gt; .inner &gt; p.txt:last-of-type {
          margin-bottom: 0; }
        @media screen and (max-width: 768px) {
          #wrapper .interview_area &gt; .inner &gt; p.txt {
            margin-bottom: 20px;
            line-height: 2;
            font-size: 14px;
            letter-spacing: 0; } }
      #wrapper .interview_area &gt; .inner .bnr_area {
        margin-top: 70px;
        text-align: left; }
        @media screen and (max-width: 768px) {
          #wrapper .interview_area &gt; .inner .bnr_area {
            margin-top: 40px; } }
        #wrapper .interview_area &gt; .inner .bnr_area h3 {
          font-size: 24px;
          padding-left: 40px;
          color: #fff;
          line-height: 1;
          margin-bottom: 20px; }
          @media screen and (max-width: 768px) {
            #wrapper .interview_area &gt; .inner .bnr_area h3 {
              font-size: 18px;
              margin-bottom: 10px;
              padding-left: 20px; } }
        #wrapper .interview_area &gt; .inner .bnr_area ul li {
          border: 1px solid  #fff; }
          #wrapper .interview_area &gt; .inner .bnr_area ul li.more {
            width: 100%;
            height: auto;
            margin-top: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: #fff;
            border: none;
            font-size: 25px; }
            #wrapper .interview_area &gt; .inner .bnr_area ul li.more img {
              font-size: 0; }
              @media screen and (max-width: 768px) {
                #wrapper .interview_area &gt; .inner .bnr_area ul li.more img {
                  width: 120px; } }
          #wrapper .interview_area &gt; .inner .bnr_area ul li:not(:last-child) {
            margin-bottom: 15px; }
            @media screen and (max-width: 768px) {
              #wrapper .interview_area &gt; .inner .bnr_area ul li:not(:last-child) {
                margin-bottom: 10px; } }
@keyframes bgiLoop {
  0% {
    background-position: left 0; }
  100% {
    background-position: right 0; } }
@keyframes bgiLoopsp {
  0% {
    background-position: left center; }
  100% {
    background-position: right center; } }
  #wrapper footer {
    background: #000;
    padding: 40px 0 35px;
    text-align: center;
    position: relative; }
    #wrapper footer &gt; .inner {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto; }
      #wrapper footer &gt; .inner .ft_bsn {
        margin-bottom: 50px; }
        @media screen and (max-width: 768px) {
          #wrapper footer &gt; .inner .ft_bsn {
            margin-bottom: 25px; }
            #wrapper footer &gt; .inner .ft_bsn img {
              width: 300px; } }
      #wrapper footer &gt; .inner ul.sns {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 100px; }
        @media screen and (max-width: 768px) {
          #wrapper footer &gt; .inner ul.sns {
            margin-bottom: 50px; } }
        #wrapper footer &gt; .inner ul.sns li:not(:last-child) {
          margin-right: 75px; }
          @media screen and (max-width: 768px) {
            #wrapper footer &gt; .inner ul.sns li:not(:last-child) {
              margin-right: 20px; } }
        @media screen and (max-width: 768px) {
          #wrapper footer &gt; .inner ul.sns li a img {
            width: 25px; } }
      #wrapper footer &gt; .inner .copy_area {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #wrapper footer &gt; .inner .copy_area {
            display: block; } }
        #wrapper footer &gt; .inner .copy_area ul.ft_nav {
          display: flex;
          align-items: center; }
          @media screen and (max-width: 768px) {
            #wrapper footer &gt; .inner .copy_area ul.ft_nav {
              flex-wrap: wrap; } }
          @media screen and (min-width: 768px) {
            #wrapper footer &gt; .inner .copy_area ul.ft_nav li {
              padding-right: 10px;
              margin-right: 10px; }
              #wrapper footer &gt; .inner .copy_area ul.ft_nav li:not(:last-child) {
                border-right: 1px solid  #929292; } }
          @media screen and (max-width: 768px) {
            #wrapper footer &gt; .inner .copy_area ul.ft_nav li {
              width: 50%;
              border-top: 1px solid  #929292;
              text-align: left; }
              #wrapper footer &gt; .inner .copy_area ul.ft_nav li:nth-child(2n) {
                border-left: 1px solid  #929292; }
              #wrapper footer &gt; .inner .copy_area ul.ft_nav li:nth-child(n+3) {
                border-bottom: 1px solid  #929292; } }
          #wrapper footer &gt; .inner .copy_area ul.ft_nav li a {
            display: inline-block;
            color: #fff;
            font-size: 12px; }
            @media screen and (max-width: 768px) {
              #wrapper footer &gt; .inner .copy_area ul.ft_nav li a {
                font-size: 12px;
                display: block;
                width: 100%;
                padding: 15px 10px; } }
            #wrapper footer &gt; .inner .copy_area ul.ft_nav li a[target="_blank"] span {
              padding-right: 20px;
              background: url(../../common/img/blank.png) right center no-repeat; }
        @media screen and (max-width: 768px) {
          #wrapper footer &gt; .inner .copy_area p.copy {
            margin-top: 15px; } }
        #wrapper footer &gt; .inner .copy_area p.copy small {
          font-size: 13px;
          color: #fff; }

/*# sourceMappingURL=layout.css.map */
</pre></body></html>